#{extends 'magicBox.html' /}	
	#{set 'title'}
	${meeting.name}
	#{if meeting.getStatus().equals("upComing")}
		<span id="currr_${meeting.id}" class="meeting_countdown"></span>
		<script type="text/javascript">
		$(function() {
			showDate(${meeting.id},'currr_'+${meeting.id},${meeting.startTime},"${meeting.name.toString()}","meeting");
		})
		</script>
	#{/if}
	
	#{if (connected.in(project).can('deleteMeeting') ||connected.equals(meeting.creator)) } 
	<a href="#" onclick="javascript:delete_meeting(${meeting.id});" >
	<img title="delete" src="@{'/public/images/famfam/delete.png'}"></img></a>
	#{/if}
	#{if (meeting.startTime > new Date().getTime()) && ((connected.in(project).can('editMeeting') ||connected.equals(meeting.creator))) }
	<a href="javascript:overlayOpen('/admin/meetings/${meeting.id}');" >
	<img title="edit" src="@{'/public/images/famfam/pencil.png'}"></a>
	#{/if}
	#{if (meeting.startTime < new Date().getTime()) && ((connected.in(project).can('editMeeting') ||connected.equals(meeting.creator))) }
	<img class="dim" title="edit" src="@{'/public/images/famfam/pencil.png'}">
	#{/if}
	
	
	#{if (invited&&attending)}
	<img src="@{'/public/images/famfam/accept.png'}" title="you ${past ? 'attended':'are attending'} this meeting"></img>
	#{/if}
	#{if (invited&&declined)}
	<img src="@{'/public/images/famfam/exclamation.png'}"} title="you ${past ? 'did not attend':'are not attending'} this meeting"></img>
	#{/if}
	#{if meeting.endTime> new Date().getTime()}
	#{if (invited&&!attending&&!declined) }
	<span id="accept_${meeting.id}" style="display:block"><a onClick="javascript:confirm_me(${meeting.id});" title="accept invitation"><img src="@{'/public/images/famfam/application_add.png'}"></a></span>
	<span id="decline_${meeting.id}" style="display:block"><a onClick="javascript:decline_me(${meeting.id});" title="decline invitation"><img src="@{'/public/images/famfam/application_delete.png'}"></a></span>
	<span id="confirmed_${meeting.id}" style="display:none"><img src="@{'/public/images/famfam/accept.png'}" title="you are attending this meeting"></img></span>
	<span id="declined_${meeting.id}" style="display:none"><img src="@{'/public/images/famfam/exclamation.png'}"} title="you are not attending this meeting"></img></span>
	#{/if}
	#{if !invited}
	#{if connected.in(meeting.project).can('joinMeeting')}
	<span id="accepts_${meeting.id}" style="display:block;"><a href="#" onClick="javascript:join_meeting(${meeting.id})"title="join meeting"><img src="@{'/public/images/famfam/go.png'}"></img></a></span>
	<span id="confirmedd_${meeting.id}" style="display:none;"><img src="@{'/public/images/famfam/accept.png'}" title="you are attending this meeting"></img></span>
	#{/if}
	#{/if}
	#{/if}
	#{if (meeting.endTime > new Date().getTime()) && (connected.in(meeting.project).can('editMeeting') || connected.equals(meeting.creator)) }
	#{drop 'meeting-' + meeting.id /}
	#{/if}
	#{/set}
	


<b> Starts  at</b> :   <div class="formatTime">${meeting.startTime}</div> 
<br> 
<b> Ends at</b> :  <div class="formatTime">${meeting.endTime}</div> 
<br> 
<b> Location </b>:   ${meeting.location} 
<br> 
#{ifnot meeting.type==null}
<br>
<b> Meeting Type </b>:  ${meeting.type} <br>
#{/ifnot}
<br>
#{ifnot meeting.description==null || meeting.description.equals("") || meeting.description.equals(" ")}
<b> Description </b>:  ${meeting.description.nl2br()}<br>
#{/ifnot}
<div class="reload-meetingAttendees-${meeting.id}" name="@{Meetings.invitedMembers(meeting.id)}">Attendees</div>
<div class="reload-meetingNotes-${meeting.id}" name="@{Meetings.notes(meeting.id)}">Notes#{if ( (connected.meetingStatus( meeting.id ).equals( "confirmed" )) || connected.in( meeting.project ).can( "editMeeting" ) )}<a href="#" onclick="overlayOpen('/Meetings/newNote?id=${meeting.id}')"><img title= "add"src="@{'public/images/famfam/add.png'}" alt="[+]"/></a> #{/if}</div>
<div class="reload-meetingTasks-${meeting.id}" name="/tasks/view_task?meeting_id=${meeting.id} ">Tasks</div>